<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // const oImg = document.createElement('img') ;
        // oImg.src = 'https://www.baidu.com/mg/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png' ;


        // // 图片加载成功
        // oImg.onload = function() {
        //     console.log(1);
        // }

        // // 图片加载失败
        // oImg.onerror = function() {
        //     console.log(2);
        // }

        // document.body.appendChild(oImg) ;



        // const p = new Promise((resolve, reject) => {
        //     const oImg = document.createElement('img');
        //     oImg.src = 'https://www.baidu.com/mg/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png';
        //     // // 图片加载成功
        //     oImg.onload = function () {
        //         // console.log(1);
        //         resolve(oImg)
        //     }

        //     // 图片加载失败
        //     oImg.onerror = function () {
        //         // console.log(2);
        //         reject(oImg)
        //     }
        // })



        // p.then(
        //     res => {
        //         document.body.appendChild(res) ;
        //     } ,
        //     err => {
        //         // 替换一张默认的图片
        //         err.src = 'https://t7.baidu.com/it/u=2405382010,1555992666&fm=193&f=GIF' ;
        //         document.body.appendChild(err) ;
        //     }
        // )









        
        function showImg(url) {
            const p = new Promise((resolve, reject) => {
                const oImg = document.createElement('img');
                oImg.src = url;
                // // 图片加载成功
                oImg.onload = function () {
                    // console.log(1);
                    resolve(oImg)
                }

                // 图片加载失败
                oImg.onerror = function () {
                    // console.log(2);
                    reject(oImg)
                }
            })

            // 返回的是一个Promise实例
            return p 
        }


        // const p = showImg('') ;
        // p.then()


        showImg('').then()







    </script>

</body>

</html>